<template>
  <div>
    cart模块中的num
    <button @click="addNum">+</button>
    {{ cartNum }}
    <hr>
    order模块的num
    {{ orderNum }}
    <br>
    {{ doubleNum }}
  </div>
</template>

<script>
import { mapMutations, mapGetters, mapState } from 'vuex'
export default {
  methods: {
    addNum () {
      // this['cart/ADD_NUM'](50)
      this.ADD_NUM(40)
    },
    // 模块化加命名空间 第一种 一个参数
    // ...mapMutations(['cart/ADD_NUM'])
    // 第二种 两个参数 参数1  模块名
    ...mapMutations('cart', ['ADD_NUM'])
  },
  computed: {
    // 参数变成对象
    ...mapState({
      // 值是函数 参数就是 仓库的state属性 return结果
      cartNum: state => state.cart.num,
      orderNum: state => state.order.num
    }),
    ...mapGetters('order', ['doubleNum'])
  }
}
</script>

<style lang="scss" scoped>

</style>
